@charset "UTF-8"; /* csslayout02.css */
body { width: 950px; min-height: 900px; margin: 0 auto; }
ul { margin: 0; padding: 0; }
h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; }

header { height: 120px; background: yellow; }
#floatad { width: 80px; height: 300px; background: #303;
					  position: relative; left: 960px; top: 5px; }

#tmenu, #dmenu { background: black; height: 35px; padding-top: 10px; }
#tmenu ul, #dmenu ul { width: 880px; list-style-type: none; margin: 0 auto; }
#tmenu ul li { float: left; font-size: 18px; padding-right: 45px; color: white; font-weight: bold; }
#dmenu ul li { float: left; font-size: 18px; padding-right: 40px; color: white; font-weight: bold; }
#tmenu ul li:last-child, #dmenu ul li:last-child { padding-right: 0; }
#fmenu { float: right; }
#fmenu ul li { float: left; list-style-type: none; margin-left: 30px; padding: 5px 10px 0 0; }
#logo { width: 250px; height: 120px; background: url('http://placehold.it/250X120'); float: left; }
#serch { width: 500px; float: left; margin-left: 10px; position: relative; top: 20%; }
#serch input { font-weight: bold; padding: 5px; margin-left: 30px; width: 350px; border: 2px solid black; }
#serch button { background: #0000FF; font-weight: bold; width: 80px; height: 35px;
								  margin-left: 20px; border: 2px outset black; color: white; }

#main { min-height: 700px; background: yellow; position: relative; top: -300px; }
#part01 { width: 250px; min-height: 900px; padding-top: 10px; background: #CCFF33; float: left; }
#logmenu ul { list-style-type: none; font-size: 0.7em; margin: 5px 0 10px 0; padding-bottom: 15px; }
#logmenu ul li { float: left; margin-left: 20px; }
#login ul { list-style: none; margin: 5px 0 0 5px; }
#login ul li { float: left; margin-left: 5px; }
#login input[type="checkbox"] { margin-left: 30px; }
#logcheck { margin-top: 10px; }
#log input[type="text"] { width: 150px; float: left; margin-bottom: 5px; }
#log input[type="password"] { width : 150px; float: left; }
#check button { margin-left: 5px; width : 80px; height: 60px; }
#leftlist { margin-top: 30px; }
#leftlist ul { list-style-type: circle; }
#leftlist ul li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
							  margin: 0 0 5px 15px; }
#leftlist h3 { margin: 30px 0 10px 5px; background: black; color: white; list-style-type: none;
													 font-weight: bold; }
#leftlistimg { border: 1px dashed red; height: 125px; background: #cf0; text-align: center; } 

section { padding-top: 10px; margin-left: 250px; }
#herounit { border: 1px solid navy; background: #CFC; height: 325px; margin: 20px 10px 0 10px; padding: 10px; }
#herounit h1 { font-size: 3.5em; }
#hulogo { width: 160px; height: 151px; background: url('http://placehold.it/160X151') no-repeat center;
					  float: right; margin: 25px 15px 0 0; }
#huarticle { width: 70%; padding: 10px; }
#huarticle p { line-height: 25px; }
#sec01 { padding: 10px; margin-top: 15px; height: 300px; }
#hotnews, #myused { background: white; width: 49%; float: left; }
#hotnews { margin-right: 10px; }
#hotnews h3, #myused h3, #gallery h3 { padding: 5px 0 5px 0; }
#hotnews h3 { background: #669; }
#myused h3 { background: #9c0; }
#hotnews ul, #myused ul { padding: 5px 0 5px 0; list-style-type: none;  }
#hotnews ul li, #myused ul li { line-height: 30px; text-indent: 15px; padding: 0 10px 0 1em;
																background: url(../images/billets.png) no-repeat; }
#sec02 { border: 1px solid red; height: 365px; padding: 10px; }
#gallery { width: 99%; background: #ffc; height: 354px; }
#gallery h3 { background: black; color: white; }
#gallery ul { margin-left: 8px; }
#gallery ul li { display: block; float: left; color: red; text-align: center; }

footer { height: 120px; background: yellow; text-align: right; }
footer p { float: right; padding-top: 5%; }

.clearme { clear: both; }
.img { width: 110px; height: 100px; background: white; border: 1px dashed black;
			  margin: 10px 6px 10px 10px; }